// import React from 'react'

// export default function tab({userInfo:{com:{id,text}}}) {
//     return (
//         <div>
//             <p>{id}</p>
//             <p>{text}</p>
//         </div>
//     )
// }

import React,{useState}from 'react'
import PubSub from "pubsub-js" 
export default function Tab({add}) {
    const [text] = useState('我是传输过来的子数据')
    function fun(){
        add(text)    
    }
    const [flag,setInfo] = useState(false)
    function fun1(){
        setInfo(!flag)
         // 1.抛出自定义事件 并且携带传递的数据
               PubSub.publish("ziapao",flag)
    }
    return (
        <div>
            <button onClick={fun}>点击发送数据</button>
            <button onClick={fun1}>点击显示和隐藏</button>
        </div>
    )
}